<template>
  <div class="wrapper">
    <div class="uc-main clearfix">
      <div class="uc-aside">
        <user-menu></user-menu>
      </div>
      <div class="uc-content">
        <div class="uc-panel">
          <div class="uc-bigtit bd-b">账号安全</div>
          <div class="uc-panel-bd">

            <div class="safe-list">
              <div class="list-item">
                <router-link tag="a" to="/userSafePassword" class="edit ui-btn-low ui-btn-hollow uc-btn-md">修改</router-link>
                <div class="cont">
                  <img src="img/uc/pwd.jpg" class="ico" />
                  <div class="tit">帐号密码</div>
                  <div class="desc">用于保护帐号信息和登录安全</div>
                </div>
              </div>
              <div class="list-item">
                <router-link tag="a" to="/userSafeEmail" class="edit ui-btn-low ui-btn-hollow uc-btn-md">修改</router-link>
                <div class="cont">
                  <img src="img/uc/mail.jpg" class="ico" />
                  <div class="tit">安全邮箱 25******1@q*.com<span class="safe-status"><i class="iconfont icon-yanzheng text-success"></i>已绑定</span></div>
                  <div class="desc">安全邮箱可以用于登录小米帐号，重置密码或其他安全验证</div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import UserMenu from './UserMenu'
export default {
  name: 'UserSafeWrapper',
  components: {
    UserMenu
  }
}
</script>
<style></style>
